(function () {
    //切换到登陆盒子
    $("#link_reg").on("click", function () {
        $(".login-box").hide();
        $(".reg-box").show();
    });
    //切换到注册盒子
    $("#link_login").on("click", function () {
        $(".reg-box").hide();
        $(".login-box").show();
    });

    //自定义表单校验规则
    const { form } = layui;
    form.verify({
        //密码校验规则
        pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
        //二次密码确认规则
        repwd: function (val) {
            let pwd = $(".reg-box [name=possword]").val();
            if (val !== pwd) {
                return "两次输入密码不一致";
            }
        },
    });

    // 项目的请求根路径为 http://api-breakingnews-web.itheima.net
    // 以 /api 开头的请求路径，不需要访问权限
    // 以 /my 开头的请求路径，需要在请求头中携带 Authorization 身份认证字段，才能正常访问成功

    //监听注册表单的提交事件
    const { layer } = layui;
    $("#form_reg").on("submit", function (e) {
        e.preventDefault();
        //注册的Ajax请求
        $.ajax({
            method: "POST",
            url: "/api/reguser",
            data: {
                username: $(".reg-box [name=username]").val(),
                password: $(".reg-box [name=possword]").val(),
            },
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                layer.msg(res.message);
                $("#link_login").click();
            },
        });
    });
    //监听登陆表单的提交事件
    $("#form_login").submit(function (e) {
        // 阻止默认提交行为
        e.preventDefault();
        $.ajax({
            url: "/api/login",
            method: "POST",
            // 快速获取表单中的数据
            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg("登录失败！");
                }
                layer.msg("登录成功！");
                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem("token", res.token);
                // 跳转到后台主页
                location.href = "index.html";
            },
        });
    });
})();
